<template>
    <div class="performance">
        <p class="title"><span>首页</span> > 个人成绩</p>
        <el-table :data="perData" 
        border 
        style="width: 100%"
        height="100%"
        stripe=true
        type=index
        >
            <el-table-column prop="id" label="#" />
            <el-table-column prop="stuid" label="学号" />
            <el-table-column prop="name" label="姓名" />
            <el-table-column prop="classname" label="课程名" />
            <el-table-column prop="score" label="分数" sortable/>
            <el-table-column prop="grade" label="班级" />
            <el-table-column prop="year" label="学年" sortable/>
        </el-table>
    </div>
</template>
<script>
export default {
    setup(props) {
        const perData=[
            {
                id: '1',
                stuid: '201810159206',
                name: '白泽',
                classname:'数学',
                score:'60',
                grade:'18级软工2班',
                year:'2019-2020'
            },
            {
                id: '2',
                stuid: '201810159206',
                name: '白泽',
                classname:'英语',
                score:'90',
                grade:'18级软工2班',
                year:'2019-2020'
            },
            {
                id: '3',
                stuid: '201810159206',
                name: '白泽',
                classname:'语文',
                score:'100',
                grade:'18级软工2班',
                year:'2019-2020'
            },
            {
                id: '4',
                stuid: '201810159206',
                name: '白泽',
                classname:'数学',
                score:'88',
                grade:'18级软工2班',
                year:'2018-2019'
            },
            ]
        return {
            perData
        }
    }
}
</script>
<style lang="scss" scoped>

.performance{
    width: 100%;
    height: 100%;
    .title{
        color: #999;
        font-size: 15px;
        margin: 10px;
        span{
            color: #000;
            font-weight: bold;
        }
    }
    .el-table{
        width: 100%;
        height: 100%;
    }
}
    
</style>